.content {
	width: 100vw;
	box-sizing: border-box;
	padding: 32rpx;
	.video-size {
		width: 100%;
		height: 384rpx;
		border-radius: 16rpx;
		margin-top: 20rpx;
		background: $uni-F5F5F5;
	}
	.video-img {
		width: 156rpx;
		height: 156rpx;
		flex-shrink: 0;
		border-radius: 16rpx;
		margin-right: 20rpx;
	}
}

.edit-button {
	width: 88rpx;
	height: 40rpx;
	border-radius: 20rpx;
	line-height: 40rpx;
	text-align: center;
	color: $uni-color-main-grey;
	border: 2rpx solid $uni-color-main-grey;
	font-size: 24rpx;
	flex-shrink: 0;
}

.tag {
	font-size: 24rpx;
	border-radius: 8rpx;
	margin-right: 20rpx;
	padding: 10rpx 16rpx;
}

.effect-tag {
	background: #fbf1ee;
	color: $uni-orange;
}

.why-tag {
	background: #eef4f3;
	color: $uni-text-color-main;
}

.solution-box {
	width: 686rpx;
	margin-left: 32rpx;
	box-sizing: border-box;
	padding: 32rpx;
	background: #f5faf6;
	border-radius: 28rpx 24rpx 40rpx;
	margin-top: 32rpx;
	.title {
		width: 640rpx;
		height: 88rpx;
		line-height: 88rpx;
		text-align: center;
		background: #e3eee3;
		border-radius: 16rpx;
		box-sizing: border-box;
		margin-top: 20rpx;
		padding: 0 24rpx;
	}
	.line {
		width: 8rpx;
		height: 28rpx;
		background: $uni-orange;
		border-radius: 6rpx;
		margin-right: 20rpx;
	}
	.video-box {
		width: 100%;
		height: 384rpx;
		background: $uni-F5F5F5;
		margin-top: 20rpx;
		border-radius: 16rpx;
	}
	.video-item {
		width: 156rpx;
		height: 156rpx;
		background: #f5faf9;
		border-radius: 8rpx;
		margin-right: 20rpx;
		margin-top: 24rpx;
		flex-shrink: 0;
	}
}

.popup-box {
	width: 620rpx;
	height: 352rpx;
	background: $uni-white;
	border-radius: 24rpx;
	padding: 100rpx 40rpx 60rpx;
	box-sizing: border-box;
	position: relative;
	.post {
		position: absolute;
		right: 20rpx;
		top: 20rpx;
	}
	.item {
		width: 540rpx;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		background: #e8efed;
		border-radius: 16rpx;
		color: $uni-text-color-main;
		font-size: 32rpx;
	}
}
